<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>中科慧联官网</title>
		<meta name="viewport" content="width=device-width, 
                                     initial-scale=1.0, 
                                     maximum-scale=1.0, 
                                     user-scalable=no">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link rel="shortcut icon" href="img/Title.png">
		<!-- 包含 bootstrap 样式表 -->
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
		<link href="fonts/FontAwesome/font-awesome.css" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
		<link href="css/animate.css" rel="stylesheet">
		<link href="css/bootsnav.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
		<link href="css/overwrite.css" rel="stylesheet">
	    <link href="css/style.css" rel="stylesheet">
	    <link rel="stylesheet" type="text/css" href="css/hover3d.css"/>
	    <link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
	    <style type="text/css">
	    	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	    		width: 100px;
	    		height: 100px;
	    		background-image: url(img/btn_left.png);
				background-size:50px ;
	    	}
	    	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	    		width: 100px;
	    		height: 100px;
	    		background-image: url(img/btn_right.png);
				background-size:50px ;
	    	}
	    	a:hover{
	    		text-decoration:none;
	    		color: #000;
	    	}
	    	a{
	    		color: #000;
	    	}
	    	.navbar.bootsnav ul.nav > li > a{
	    		font-size: 16px;
	    	}
			.swiper-container-horizontal>.swiper-pagination-bullets{
			    bottom: 35px;
			    left: 0;
			    width: 100%;
			}
			#resultBox,#resultBox2 {
			  width: 1000px;
			  height: 300px;
			  margin: 0 auto;
			  font-size: 0;
			}
			#resultBox dl,#resultBox2 dl {
			  overflow: hidden;
			  display: inline-block;
			  width:100%;
			  padding: 20px 0;
			  vertical-align: top;
			}
			#resultBox dt ,#resultBox2 dt{
			  float: left;
			  margin-right: 12px;
			}
			
			#resultBox dt a img ,#resultBox2 dt a img{
			  max-width: 200px;
			  max-height: 200px;
			  vertical-align: top;
			}
			#resultBox dd ,#resultBox2 dd{
			  overflow: hidden;
			  display: block;
			  padding-right: 40px;
			}
			#resultBox dd a ,#resultBox2 dd a{
			  display: inline-block;
			  padding: 3px 0;
			  margin-bottom: 10px;
			  line-height: 24px;
			  font-size: 15px;
			  text-decoration: none;
			  text-align: left;
			  color: #666;
			}
			#resultBox dd p ,#resultBox2 dd p{
			  line-height: 20px;
			  font-size: 14px;
			  color: #666;
			}
			.bordes{
				border: 1px solid #dee0e2;
				box-shadow:0px -6px 50px #dee0e2;
			}
			#tion_d div,#tion_c div{
				float: left;
				width: 240px ;
				height: 240px ;
				margin: 10px;
			}
			#tion_d img,#tion_c img{
				width: 160px;
				height: 160px;
				margin: 5px;
			}
	    </style>
	    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	    <script>
	    	var w = $(window).width();
	    	if(w<420){
	    		window.location.href = "http://47.92.38.73/yic-iot/yindex.html";
	    	}
	    </script>
	</head>

	<body>
		<!--<div class="container">
			<div class="row" style="line-height: 80px;">
				<div class="col-xs-9 col-md-5 col-lg-5">
					<div class=" top-navbar top-navbar-right" role="navigation">
						<nav class="collapse collapsing navbar-collapse">
							<ul class="nav navbar-nav navbar-left" style="margin-top: 0px;">
								<div class="btn btn-top btn-sm" style="color: #9b9b9b;"><i class="glyphicon glyphicon-earphone"></i> 0532-68013716</div>
							</ul>
						</nav>
					</div>
				</div>
				<div class="col-xs-3 col-md-7 col-lg-7">
					<div class="top-navbar top-navbar-right" role="navigation">
						<nav class="collapse collapsing navbar-collapse">
							<ul class="nav navbar-nav navbar-right" style="margin-top: 0px;color: #0644a4; ">
								<a href="http://cloud.ic-iot.com/login.html" target="_blank" class="btns btn-primarys">云&nbsp;平&nbsp;台</a>
							</ul>
						</nav>
					</div>
				</div>
				<h5 class="page-header"></h5>
			</div>
		</div>-->
		<!--hedaer 导航-->
		<header class="header" style="padding-top: 10px;">
			<div class="header-wrapper">
				<div class="container">
					<div class="row">
						<!--导航-->
						<nav class="navbar navbar-default navbar-sticky bootsnav">

							<!-- End Top Search -->

							<div class="container">
								<!-- Start Atribute Navigation -->
								<div class="attr-nav">

								</div>
								<!-- End Atribute Navigation -->

								<!-- Start Header Navigation -->
								<div class="navbar-header">
									<img style="width: 90%; padding-top: 5px;" src="img/logo.png" class="img-responsive">
								</div>
								<!-- End Header Navigation -->

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="navbar-menu">
									<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
										<li>
											<a href="index.html">首页</a>
										</li>
										<li>
											<a href="ProductService.html">产品与服务</a>
										</li>
										<li>
											<a href="Solution.html">解决方案</a>
										</li>
										<li>
											<a href="TechnicalSupport.html">技术支持</a>
											
										</li>
										<li>
											<a href="information.html">资讯中心</a>
										</li>
										<li>
											<a href="AboutUs.html">关于慧联</a>
										</li>
										<li>
											<a href="http://cloud.ic-iot.com/login.html" target="_blank">云&nbsp;平&nbsp;台</a>
											
										</li>
									</ul>
								</div>
								<!-- /.navbar-collapse -->
							</div>
						</nav>
					</div>
					<!--.row -->
				</div>
			</div>
			<!-- .header-wrapper -->
		</header>
		<!--轮播-->
		<div class="ms-fullscreen-template" id="slider1-wrapper" style="padding-top: 10px;">
			<!-- masterslider -->
			<div class="master-slider ms-skin-default" id="masterslider">
				<div class="swiper-container">
				    <div class="swiper-wrapper">
				        <div class="swiper-slide"><img class="img-responsive" src="img/banner_01.jpg"></div>
				        <div class="swiper-slide"><img class="img-responsive" src="img/banner_02.jpg"></div>
				        <div class="swiper-slide"><img class="img-responsive" src="img/banner_03.jpg"></div>
				        <div class="swiper-slide"><img class="img-responsive" src="img/banner_04.jpg"></div>
				    </div>
				    <!-- 如果需要分页器 -->
				    <div class="swiper-pagination"></div>
				    
				    <!-- 如果需要导航按钮 -->
				    <div class="swiper-button-prev"></div>
				    <div class="swiper-button-next"></div>
				    
				</div>
				
				<div class="ms-slide slide-5" data-delay="10">
					
				</div>
			</div>
			<!-- end of masterslider -->
		</div>
		<!-- 产品与服务 -->
		<div class="container-fluid">
		    <div class="solution" style="width: 1300px; margin: 0 auto;">
		        <div class="page-header text-center">
		            <h3>Product&Service<small>&nbsp;产品与服务&nbsp;</small></h3>
		        </div>
		        <div>	
	            	<a href="ProductService.html" class="row_right">MORE >></a>
	                <div class="swiper-containers" style="width: 1300px; margin: 0 auto; overflow: hidden;">
				        <div class="swiper-wrapper">
				            <div class="swiper-slide"><img class="bordes" src="img/news/Product1.png"/></div>
				            <div class="swiper-slide"><img class="bordes" src="img/news/Product2.png"/></div>
				            <div class="swiper-slide"><img class="bordes" src="img/news/Product3.png"/></div>
				            <div class="swiper-slide"><img class="bordes" src="img/news/Product4.png"/></div>
				            <div class="swiper-slide"><img class="bordes" src="img/news/Product5.png"/></div>
				        </div>
				    </div>
		        </div>
		    </div>
		</div>
		<!--行业应用-->
		<div class="container-fluid padding-clear">
		    <div class="solution">
		        <div class="page-header text-center">
		            <h3>AppLication<small><span id="btn_red_a"><img src="img/btn_left_red.png"/></span>&nbsp;行业应用&nbsp;<span id="btn_bule_b"><img src="img/btn_left_blue.png"/></span></small></h3>
		        </div>
		        <div class="row-fluid">	
		            <div class="span8 offset2">
		            	<a href="Solution.html" class="row_right">MORE >></a>
	            		<div id="tion_a" style="padding-top: 10px;">
			            	<div class="row-fluid">
			                    <div class="span4">
			                        <div class="columns">
										<div class="project-list">
											<div class="project">
												<div class="project__card">
													<a href="" class="project__image"><img src="img/application/01wuliu.jpg"  alt=""></a>
													<div class="project__detail">
														<h4>冷链物流</h4>
														<small class="project__category"><a href="#">解决货物冷藏环节实时监控、健全冷链监督管理机制。</a></small>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                    <div class="span4">
			                        <div class="columns">
										<div class="column">
											<div class="project-list">
												<div class="project">
													<div class="project__card">
														<a href="" class="project__image"><img src="img/application/02.jpg" width=600 height=400 alt=""></a>
														<div class="project__detail">
															<h4>智慧农业</h4>
															<small class="project__category"><a href="#">提供精准化种植、可视化管理、智能化决策的智能农业整套解决方案。</a></small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                    
			                    <div class="span4">
			                        <div class="columns">
										<div class="column">
											<div class="project-list">
												<div class="project">
													<div class="project__card">
														<a href="" class="project__image"><img src="img/application/03.jpg" width=600 height=400 alt=""></a>
														<div class="project__detail">
															<h4>智慧安防</h4>
															<small class="project__category"><a href="#">基于无线传感器网络，由传感器节点、网关和路由器节点和云平台组成。</a></small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                </div>
			                <div class="row-fluid" style="padding-top: 20px;">
			                    <!--<div class="span4">
			                        <div class="columns">
										<div class="project-list">
											<div class="project">
												<div class="project__card">
													<a href="" class="project__image"><img src="img/application/04.jpg"  alt=""></a>
													<div class="project__detail">
														<h4>智慧交通</h4>
														<small class="project__category"><a href="#">智能家居以住宅为平台，集系统、结构、服务、管理、控制于一体，</a></small>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>-->
			                    <div class="span4">
			                        <div class="columns">
										<div class="column">
											<div class="project-list">
												<div class="project">
													<div class="project__card">
														<a href="" class="project__image"><img src="img/application/08.jpg" width=600 height=400 alt=""></a>
														<div class="project__detail">
															<h4>工业物联网</h4>
															<small class="project__category"><a href="#">利用物联网的技术和设备监控技术加强信息管理和服务.</a></small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                    <div class="span4">
			                        <div class="columns">
										<div class="column">
											<div class="project-list">
												<div class="project">
													<div class="project__card">
														<a href="" class="project__image"><img src="img/application/05.jpg" width=600 height=400 alt=""></a>
														<div class="project__detail">
															<h4>智能家居</h4>
															<small class="project__category"><a href="#">利用网络通信技术，提升家居的安全性、便利性、舒适性、艺术性。</a></small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                    <div class="span4">
			                        <div class="columns">
										<div class="column">
											<div class="project-list">
												<div class="project">
													<div class="project__card">
														<a href="" class="project__image"><img src="img/application/06.jpg" width=600 height=400 alt=""></a>
														<div class="project__detail">
															<h4>智能医疗</h4>
															<small class="project__category"><a href="#">打造健康档案区域医疗信息平台，利用物联网技术，达到医疗信息化。</a></small>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                </div>
	                	</div>
	                	<!--下一页-->
	                	<div id="tion_b" style="display: none; padding-top: 10px;">
			            	<div class="row-fluid">
			                    <div class="span4">
			                        <div class="columns">
										<div class="project-list">
											<div class="project">
												<div class="project__card">
													<a href="" class="project__image"><img src="img/application/07.jpg"  alt=""></a>
													<div class="project__detail">
														<h4>智能环保</h4>
														<small class="project__category"><a href="#">采用环境监测生态站，并依靠云平台数据分析为相关部门提供决策依据.</a></small>
													</div>
												</div>
											</div>
										</div>
									</div>
			                    </div>
			                    
			                </div>
	                	</div>
		                <div class="bten_row">
		                	<ul class="btn_center">
			                	<li class="btn_bule" id="btnred_left"></li>
			                	<li class="btn_red" id="btnbule_right"></li>
			                </ul>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 资讯 -->
		<div class="container-fluid padding-clear">
		    <div class="solution" id="new1" style="height: 544px; background:url(img/news/bg_middle.jpg) 100% 100%;">
		        <div class="page-header text-center">
		            <h3 style="color: #fff;">News<small style="color: #fff; background: url(img/news/bg_small.png) no-repeat 50%;"><span><img src="img/news/btn_left_white.png"/></span>&nbsp;公司资讯&nbsp;<span><img id="company" src="img/news/btn_right_white.png"/></span></small></h3>
		        </div>
		        <div id="resultBox"></div>
		        <div class="row_center">
		        	<a href="information.html"style="color: #fff;" >MORE >></a>
		        </div>
		    </div>
		    <div class="solution" id="new2" style="display: none;height: 544px; background:url(img/news/bg_middle.jpg) 100% 100%;">
		        <div class="page-header text-center">
		            <h3 style="color: #fff;">News<small style="color: #fff; background: url(img/news/bg_small.png) no-repeat 50%;"><span id="industry"><img src="img/news/btn_left_white.png"/></span>&nbsp;行业资讯&nbsp;<span><img src="img/news/btn_right_white.png"/></span></small></h3>
		        </div>
		        <div id="resultBox2"></div>
		        <div class="row_center">
		        	<a href="information.html"style="color: #fff;" >MORE >></a>
		        </div>
		    </div>
		</div>
		<!-- 合作伙伴 -->
		<div class="container-fluid padding-clear">
		    <div class="solution">
		       
		        <div class="page-header text-center">
		            <h3>CooperativePartner<small><span id="btn_red_c"><img src="img/btn_left_red.png"/></span>&nbsp;合作伙伴&nbsp;<span id="btn_bule_d"><img src="img/btn_left_blue.png"/></span></small></h3>
		        </div>
		        <div style="display:flex;">	
		        	
		            <div id="tion_c" style="flex-wrap:wrap;justify-content:center; width: 1300px; margin: 0 auto;">
	                    <div>
	                       <a href="http://www.ia.cas.cn/"target="_blank"><img src="img/partner/1.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.qaii.cn/"target="_blank"><img src="img/partner/2.png"></a>
	                 </div>
	                    <div> 
	                       <a href="http://www.wanlongsys.com/"target="_blank"><img src="img/partner/3.png"></a>
	                 </div>
	                    <div>
	                       <a href="https://www.aprbrother.com/"target="_blank"><img src="img/partner/4.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.cothinkrobotics.com/"target="_blank"><img src="img/partner/5.png"></a>
	                 </div>
	                    <div>
	                       <a href="http://www.chumenwenwen.com/"target="_blank"><img src="img/partner/6.png"></a>
	                   </div>
	                    <div>
	                       <a href="http://www.qyfy.cn/"target="_blank"><img src="img/partner/7.png"></a>
	                   </div>
	                    <div>
	                       <a href="http://www.qdbc.net:7008/"target="_blank"><img src="img/partner/8.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.sinopharm.com/"target="_blank"><img src="img/partner/9.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.zhongwulian.com/"target="_blank"><img src="img/partner/10.png"></a>
	                   </div>
		            </div>
		            <div id="tion_d" style="flex-wrap:wrap;justify-content:center; width: 1300px; margin: 0 auto; display: none; ">
	                    <div>
	                       <a href="http://www.crpharm.com/"target="_blank"><img src="img/partner/11.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.baiyyy.com.cn/"target="_blank"><img src="img/partner/12.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.cimc.com/"target="_blank"><img src="img/partner/13.png"></a>
	                    </div>
	                    <div>
	                       <a href="https://www.aprbrother.com/"target="_blank"><img src="img/partner/14.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.haier.net/cn/"target="_blank"><img src="img/partner/15.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.maxtu.cn/"target="_blank"><img src="img/partner/16.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.xiongmaitech.com/"target="_blank"><img src="img/partner/17.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.cnqc.com/"target="_blank"><img src="img/partner/18.png"></a>
	                    </div>
	                    <div>
	                       <a href="http://www.qdhuaren.com/"target="_blank"><img src="img/partner/19.png"></a>
	                    </div>                                       
	                    <div>
	                       <a href="http://www.sf-express.com/cn/sc/"target="_blank"><img src="img/partner/20.png"></a>
	                    </div>
		            </div>
		        </div>
		    </div>
		</div>
		<!--底部-->
		<div class="footer" style="display:flex; justify-content: space-around;">
        	<div>
        		<ul class="foot_ul">
        			<li><img src="img/logo_bot.png"/></li>
        			<li style="padding-top: 10px;">青岛中科慧联信息科技有限公司</li>
        			<li style="padding-top: 10px;">Intelligent IoT System Solutions Provider！</li>
        			<li>智能化物联网系统解决方案提供商</li>
        			<li style="padding-top: 10px;">青岛总部：青岛市高新区智力岛路1号B座25楼</li>
        			<li>北京分部：北京市海淀区中关村东路95号智能化大厦11层</li>
        			<li>Copyright © 2014-2017 | 鲁ICP备17002802号-1</li>
        		</ul>
        	</div>
        	<div>
        		<img style="float: left;padding-top: 30px;" src="img/erweima.png"/>
        		<ul class="footer_ul" style="float: left; padding-top: 10px;">
        			<li style="font-size: 18px;">联系我们</li>
        			<li>公司电话：0532-68013716</li>
        			<li>公司邮箱：company@ic-iot.com</li>
        			<li>技术支持：support@ic-iot.com</li>
        			<li>销售邮箱：sales@ic-iot.com</li>
        		</ul>
        	</div>
	    </div>
		<div class="gototop js-top">
			<a href="https://shop215545486.taobao.com/">
				<i><img style="width: 30px;" src="img/taobao.png"/></i>
			</a>
			<a href="#" id="top_btn">
				<i><img style="width: 30px;" src="img/top.png"/></i>
			</a>
		</div>
	<!-- JavaScript -->
	
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
	<script src="https://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
	<script src="js/bootsnav.js"></script>
	
	<script type="text/javascript" src="js/jquery.hover3d.js" ></script>
	<script src="js/swiper-3.4.2.jquery.min.js"></script>
	<script src="js/index_paging.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/index.js" ></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script>
		
		$(document).ready(function(){
			$(".project").hover3d({
				selector: ".project__card",
				shine: true,
				sensitivity: 20,
			});
		});
		var mySwiper = new Swiper ('.swiper-container', {
			autoplay:5000,
		    direction: 'vertical',
		    loop: true,
		    direction:'horizontal',
		    grabCursor : true,
		    roundLengths : true, 
		    paginationType : 'bullets',
		    // 如果需要分页器
		    pagination: '.swiper-pagination',
		    // 如果需要前进后退按钮
		    nextButton: '.swiper-button-next',
		    prevButton: '.swiper-button-prev',
		    
		});
		
		var swiper = new Swiper('.swiper-containers', {
	        pagination: '.swiper-pagination',
	        slidesPerView: 4,
	        loop: true,
	        paginationClickable: true,
	        spaceBetween: 30,
	        freeMode: true,
	        autoplay:2000,
	   });
		$("#company").click(function(){
			$("#new1").css('display','none');
			$("#new2").css('display','block');
		})
		$("#industry").click(function(){
			$("#new2").css('display','none');
			$("#new1").css('display','block');
		})
	</script>
	
	</body>

</html>